<!DOCTYPE HTML>
<html>
<head>



<script src="jquery-1.8.0.min.js"></script>

<!--if lt IE 9script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
--><script src="//vjs.zencdn.net/4.12.5/video.js"></script><link href="//vjs.zencdn.net/4.12.5/video-js.css" rel="stylesheet">

<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
<script>

        videojs.options.flash.swf = "video-js/video-js.swf";
        
</script>

</head>
<body>
<button id="click" style="width: 500px; height:200px">run2</button>

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="http://video-js.zencoder.com/oceans-clip.png"      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
</video>
<script>

$('#click').on("touchstart",function(){
    alert(3);
    videojs("example_video_1").ready(function(){        
  var myPlayer = this;
  myPlayer.src([
  { type: "video/mp4", src: "http://video-js.zencoder.com/oceans-clip.mp4" }
]);
   myPlayer.requestFullscreen();
  myPlayer.load();
  // EXAMPLE: Start playing the video.
  setTimeout(function(){myPlayer.play(); },100)
});
})
</script>

</body>
</html>